<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			a{
				text-decoration: none!important;
			}
			.header{
				background-color: #007aff;
			}
			.header h1{
				color: white;
			}
			.header a{
				color: white;
			}
			.title{
				margin-top: 20px;
				text-align: center;
				color: #007AFF;
			}
			.title1{
				margin: 15px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
			}
			.lisize p{
				font-size: 15px;
				margin-top: 5px;
			}
			.lisize a::after{
				font-size: 25px;
			}
			.lisize img{
				width: 50px;
				height: 50px;
				margin-right: 10px;
			}
			.body-ul{
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">出库记录</h1>
		</header>
		<div class="mui-content">
		    <div class="title">
				<h2>出库记录</h2>
			</div>
			<div class="title1">
			今天
			</div>
			<ul class="mui-table-view mui-table-view-chevron body-ul">
				<li class="mui-table-view-cell mui-media  lisize">
					<a href="javascript:;" class="mui-navigate-right">
						<img class=" mui-pull-left" src="images/diannao.png">
						<div class="mui-media-body">
							<P class="mui-ellipsis">电脑</P>
							<p class="mui-ellipsis">22222</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-row">
					<div class="mui-col-xs-8">
						<p>出库：66</p>
					</div>
					<div class="mui-col-xs-4">
						<p>金额：66</p>
					</div>
				</li>
			</ul>
			<div class="title1">
			2018.08.29
			</div>
			<ul class="mui-table-view mui-table-view-chevron body-ul">
				<li class="mui-table-view-cell mui-media  lisize">
					<a href="javascript:;" class="mui-navigate-right">
						<img class=" mui-pull-left" src="images/xiangji.png">
						<div class="mui-media-body">
							<P class="mui-ellipsis">电脑</P>
							<p class="mui-ellipsis">22222</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-row">
					<div class="mui-col-xs-8">
						<p>出库：66</p>
					</div>
					<div class="mui-col-xs-4">
						<p>金额：66</p>
					</div>
				</li>
			</ul>
			<ul class="mui-table-view mui-table-view-chevron body-ul">
				<li class="mui-table-view-cell mui-media  lisize">
					<a href="javascript:;" class="mui-navigate-right">
						<img class=" mui-pull-left" src="images/dayinji.png">
						<div class="mui-media-body">
							<P class="mui-ellipsis">电脑</P>
							<p class="mui-ellipsis">22222</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-row">
					<div class="mui-col-xs-8">
						<p>出库：66</p>
					</div>
					<div class="mui-col-xs-4">
						<p>金额：66</p>
					</div>
				</li>
			</ul>
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>